<template>
  <ul>
    <li>年龄：{{ age }}</li>
    <li>等级：{{ level }}</li>
    <li>账号：{{ account }}</li>
    <li>昵称：{{ nickname }}</li>
  </ul>
</template>

<script>
import { mapState } from 'pinia'
import { useUserStore } from '@/store/useUserStore'

export default {
  computed: {
    ...mapState(useUserStore, ['age', 'level', 'account', 'nickname']),
  },
}
</script>

<style scoped>
ul {
  background-color: yellow;
}
</style>
